<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
	
   <script src="jquery-1.8.2.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main1" style="height:600px;width:400px;float:left;display:none;" ></div>
    <div id="main2" style="height:600px;width:400px;float:left;display:none;"></div>
    <!-- ECharts单文件引入 -->
	<!-- <script src="http://echarts.baidu.com/build/dist/echarts.js"></script> -->
	 <script src="echarts.js"></script>
     <script type="text/javascript">
        // 路径配置
	
        <!-- require.config({ -->
            <!-- paths: { -->
                <!-- echarts: '/build/dist' -->
            <!-- } -->
        <!-- }); -->
	
        // 使用
        <!-- require( -->
            <!-- [ -->
                <!-- 'echarts', -->
                <!-- 'echarts/chart/pie'// 使用柱状图就加载bar模块，按需加载 -->
                
            <!-- ],DrawEChart); -->
   //         function DrawEChart(ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart1 = echarts.init(document.getElementById('main1'));
                var myChart2 = echarts.init(document.getElementById('main2'));
                
 
                <!-- myChart1.setTheme(""); -->
                <!-- myChart2.setTheme(""); -->
                
                  
var option1 = {
    tooltip : {  
                trigger: 'item',  
                formatter: "{b} : {c}w</br> {d}%"  
            },
    
    legend: {
        orient: 'vertical',
        left: 'left',
        show: false,
        data: ['其余部分','出让部分'],
        
        
    },
    series : [
        {
            name: '融资计划',
            type: 'pie',
			selectedMode: 'single',
            radius : '25%',
            center: ['50%', '50%'],
            color: ['#c23531','#2f4554'],
            data:[
                {value:500, name:'出让部分'},
                {value:4500, name:'其余部分'}
            ],
           
            itemStyle: {
                normal: {
                    label: {
                        show: true,
                    position : 'out',
                formatter : function (params) {                         
                  return params.name +"\n"+ (params.percent - 0).toFixed(0) + '%'
                }
                }
                },
            labelLine: { 
                normal: { 
                    show: true 
                }
            }
            }
        }
    ]
};
var option2 = {
    tooltip : {  
                trigger: 'item',  
                formatter: "{b} : {c}w</br> {d}%"  
            },
    
    legend: {
        orient: 'vertical',
        left: 'left',
        show: false,
        data: ['人员扩充','产品优化','产品推广','其它'],
        
        
    },
    series : [
            {
            name: '出让部分',
            type: 'pie',
			selectedMode: 'single',
            show: false,
            radius : '25%',
            center: ['50%', '50%'],
            color: ['#61a0a8','#91c7ae','#c23531','#546570'],
            data:[
                {value:100, name:'人员扩充'},
                {value:100, name:'产品优化'},
                {value:225, name:'产品推广'},
                {value:75, name:'其它'}
            ],
            itemStyle: {
                normal: {
                color:"",
                label: {
                show: true,
                position : 'out',
                    formatter : function (params) {                         
                        return params.name +"\n"+ (params.percent - 0).toFixed(0) + '%'
                    }
                }
            },
            labelLine: { 
                normal: { 
                    show: false 
                }
            }
            }
    },
]
};
 
            // 为echarts对象加载数据
			document.getElementById('main1').style.display='block';			
            myChart1.setOption(option1); 
           
           
            <!-- //点击事件 -->

			myChart1.on("click", eConsole);
			
	function everyClick(param,i,option){    
       //alert(param.seriesIndex);
     if(param.seriesIndex===0){
            if(param.name==="出让部分"){
             //alert(param.seriesId);
			  document.getElementById('main2').style.display='block';
			//$("#main2").fadeIn(1500);
			
					myChart2.setOption(option2)
				
			
			//$("#main2").load(location.href+"#main2");

            }
        } 
     }

	  //增加监听事件
function eConsole(param) {
    if (typeof param.seriesIndex != 'undefined') {

    if (param.type == 'click') {
        var peiLenght= option1.legend.data.length;
        for(var i=0;i<peiLenght;i++){
            everyClick(param,i,option1.legend.data[i])
        }
    }else{
        document.getElementById('hover-console').innerHtml = 'Event Console : ' + param.dataIndex;
     
    }
}
};
 //           };
      
    </script>
</body>
</html>